html, body {
	height: 100%;
	overflow: auto;
}
svg
	path
		fill inherit
	&.defs
		position absolute
		width 0
		height 0
.fa-fw {
	width: 16px;
}
.mui-content {
	height: 100%;
}
.mui-scroll {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
/*列表*/
.mui-table-view {
	margin-bottom:.6rem;
}
.mui-table-view:before{height: 0 !important; }
.mui-content> .mui-table-view:first-child {
	margin-top: 0;
}
.mui-content> .mui-table-view:first-child>.mui-table-view-cell {
	padding: 0;
}
.mui-badge-danger {
	padding: .3rem .3rem;
}
.mui-table-view-cell i{
	display: inline-block;
	margin-right: .4rem;
	width: 18px;
}
.mui-table-view-cell>a>* {
	vertical-align: middle;
}
.version:after{
	content: attr(data-version) !important;
}
.login-out{padding: 1.5rem !important;}
.login-out button{
	height: 2rem;
	padding: 0 !important;
	width: 80% !important;
	margin: 0 auto;
}

/*sos*/
.mui-button-row {
	background-color: #fff;
	flex: 1;
	padding: 1rem 2.5rem;
}
.mui-btn-block {
	padding: .4rem 0;
}

/* 修改头像框 */
#askBG {
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#edit-avatar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	border-radius: 0;
}
#edit-avatar>.edit-title {
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
    padding: .5rem 0;
}
#avatar-rotate {
	position: fixed;
    right: 1rem;
    top: 1rem;
    z-index: 1000;
}
#clipArea {
    width: 100%;
    height: 100%;
}
#clipBtns {
    height: 3rem;
    padding: 0.2rem .5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
#clipBtns>div {
    padding: 0 .5rem;
}
#clipBtns label {
    width: 100%;
}
#clipBtns label, #clipBtns>button {
    border: none;
    border-radius: .5rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0;
}
.mui-icon-refreshempty:before {
	color: #fff;
    font-size: 2rem;
}
.que-icon{
	font-size: 22px;
}
#popover.mui-popover {
	background-color: #fff;
	bottom: 30%;
	top: 40%;
	left: 10%;
	padding: 10px 0;
	position: fixed;
	width: 80%;
}

#popover.mui-popover.large:first-child {
	top: 20%;
	bottom: 20%;
}

.mui-table-view-cell::after {
	left: 36px;
}
.first-block .mui-table-view-cell use{
	fill: url(#orange);
}
.second-block .mui-table-view-cell:nth-of-type(1) use{
	fill: url(#blue);
}
.second-block .mui-table-view-cell:nth-of-type(2) use{
	fill: url(#green);
}
.second-block .mui-table-view-cell:nth-of-type(3) use{
	fill: url(#orange);
}
.update-btn .mui-table-view-cell use{
	fill: url(#gray);
}